html,body{
	height: 100%;
	font-family: "Microsoft YaHei";
	margin: 0;
	padding: 0;
}
.header{
	width: 100%;
}
.main{
	position: relative;
	width: 100%;
	height: auto;
}
.footer{
	width: 100%;
	position: relative;
}
.album{
	position: relative;
	width: 100%;
}
.row-block {
	margin: 0;
	margin-bottom: 25px;
}
.w-100px {
	width: 100px;
}
.red {
color: #bd1545;
}
.green {
	color: #80bd15;
}

@media screen and (max-width: 767px) {
	.row-block {
		margin-bottom: 15px;
	}
}
footer {
	padding: 0;
}
/*mobile*/
@media screen and (max-width: 767px){
	.hidden-mobile{
		display: none;
	}
	.mobel-height{
		height: 200px !important;
	}
	.main{
		margin-top: 40px;
	}
	.footer{
		bottom: -150px;
	}
	.album{
		top: 220px;
	}
	.banner .swiper-container{
		height: 150px;
	}
	.navbar .container-fluid{
		padding: 0;
	}		
	.jumbotron-heading{
		font-size: 22px;
	}
	.lead{
		font-size: 16px;
	}
	.jumbotron{
		height: 220px;
	}
	.kcb-web h5{
		color: #edf2f9;
		font-size: 28px;
	}
	.list-group-item{
		padding-left: 0;
	}
}
/*pc*/

.swiper-button-next{
	top: 45%;
	width: 33px;
	height: 33px;
	background: url(/xhtml/star/images/company-swiper-right.png);
}
.swiper-button-prev{
	top: 45%;
	width: 33px;
	height: 33px;
	background: url(/xhtml/star/images/company-swiper-left.png);
}
@media screen and (min-width: 768px){
	.hidden-pc {
		display: none;
	}
	.main{
		margin-top: 65px;
	}
	.footer{
		bottom: -440px;
	}
	.album{
		top: 440px;
	}
	.jumbotron{
		height: 440px;
		padding-top: 10rem;
	}
	.kcb-web h5{
		color: #edf2f9;
		font-size: 36px;
	}
	.container{
		max-width: 960px;
	}
}
@media (min-width: 1200px){
	.container{
		max-width: 1140px;
	}
}
.banner{
	position: fixed;
	width: 100%;
}
.header-back{
    background-color: #fff;
}
.introduction{
    color: #6c757d;
    text-indent: 32px;
}
.register-text{
    color: #bbb;
}
.border-radius0{
    border-radius: 0;
}

.content_area {
	padding: 1.25rem;
	border: 1px solid rgba(0,0,0,.125);
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
	margin-bottom: 18px;
	background: rgb(255,255,255);
}
.content_area:after {
    display: block;
    content: '';
    clear: both;
}
/*title_start*/
.title_1 {
	width: 100%;
	font-size: 28px;
	color: #333;
	padding: 1px 0 12px 0;
}
.title_1 h1 {
	font-size: 28px;
	color: #18376f;
	border-bottom: 3px solid #18376f;
	margin: 0;
	display: inline-block;
}
.title_1 .more {
	position: relative;
	display: block;
	overflow: hidden;
	float: right;
	box-sizing: content-box;
	padding:0 14px;
	width: 74px
	height: 30px;
	color: #18376f;
	line-height: 30px;
	border: 2px solid #18376f;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	margin-top: 9px;
	transition: all 0.4s;  
}
.title_1 .more:hover {
	color: #fff;
	background: #18376f;
	transform: scale(1);
}


/*title_end*/

/*banner_start*/
.banner-fixed-cont {
	background:url(/xhtml/star/images/banner_bg.jpg);
	background-position: center center;
	background-size:cover;
}
.banner h1 {
	display: block;
	font-size:48px;
	color:#fff; 
	font-weight: normal;
	text-align:center; 
	line-height:440px; 
	letter-spacing: 3px;

}

@media screen  and (max-width: 767px) {
	.banner-fixed-cont {
		background:url(/xhtml/star/images/banner_bg.jpg);
		background-position: center center;
		background-size:cover;
	}
	.banner h1 {
		display: block;
		font-size:24px;
		color:#fff; 
		font-weight: normal;
		text-align:center; 
		line-height:220px; 
		letter-spacing: 2px;
	} 

}
@media screen  and (max-width: 375px) {
	.banner h1 {
		font-size: 20px;
	}
	
}

/*banner_end*/

.news-date{
	color: #95aac9 !important;
}

.userIcon{
	font-size: 28px;
	color: rgb(24,55,111);
}
.swiper-slide {
	width: auto;
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.news .card-text{
	text-indent:32px;
}
.bg-img1{
	background: url(../data/ad3ec8dcfb110312b7d3af16ee2b89be.jpg) no-repeat top center;
}
.bg-img2{
	background: url(../data/2917a97089732b7526af800c516936a6.jpg) no-repeat top center;
}
.jumbotron{
	width: 100%;
	background-size: 100%;
}
.jumbotron-heading{
	color: #ffffff;
}
.lead{
	color: #edf2f9;
}

.btn-more{
	float: right;
}
.list-title-2{
	color: rgb(24,55,111);
}
.font-24{
	font-size: 24px;
	font-weight: bold;
	color: rgb(24,55,111);
}
.font-19{
	font-size: 19px;
}
.keywords{
	height: 30px;
	line-height: 30px;
	padding: 3px 6px;
	font-size: 14px;
	color: #6c757d;
	white-space: nowrap;
	border: 1px solid #6c757d;
	transition: all 0.4s; 
}
.keywords:hover{
	color: #fff;
	background: #18376f;
}
.date{
	white-space: nowrap;
}
.position-relative{
	position: relative;
}
.data-view{
	width: 100%;
	height: 250px;
	background: #fff;
}
.card-img{
	/* height: 100%; */
}

a.card-img-link {
	overflow: hidden;		
}
a.card-img-link div {
	height: 350px;
	transition: all 0.6s;  
}
a.card-img-link div:hover {
	transform: scale(1.05);  
}
.card-title a{
	color: inherit;
}
.kcb-web{
	width: 100%;
	height: 90px;
	background: url(/xhtml/data/kcb.jpg) no-repeat top center;
}

.card-part-link {
	position: relative;
	display: block;
	overflow: hidden;
}
.card-part-link .card-img {
	height: 157px;
	transition: all 0.4s;
}
.card-part-link .card-img:hover {
	transform: scale(1.05);
}
.card-part{
	position: absolute;
    top: 120px;
    left: 15px;
    padding: 0;
    color: #fff; 
}
@media screen and (max-width: 767px) {
	.pic_link .card a {
		display: block;
	}
	.card-part {
		position: static;
		padding: 1.2rem 1.5rem;
		height: auto;
		color: #333;
	}
}
.news-title{
	width: 84%;
}
/*list_start*/
.list li:first-child {
	padding-top: 00;
	border-top: 0;
}
/*list_end*/
/*首页index_start*/
.home_index_bar {
	padding: 0;
}
.home_index_bar_date {
	float: right;
}
@media screen and (max-width: 767px) {
	.home_index_bar_date {
		position: absolute;
	    top: 0;
	    right: 0;
	}	
}
.home_index_bar .kcb-info {
	display: inline-block;
}
.kcb-info-data {
	display: inline-block;
	margin-left: 20px;
	font-weight: normal;
}
.kcb-info-data span {
	margin-right: 10px;
	font-size: 20px;
	font-family: arial;
}
@media screen and (max-width: 767px) {
	.kcb-info-data {
		display: block;
		margin: 10px 0;

	}
}
.market-z {
	margin-top: 20px;
}

	.market-z {
		margin-top: 0;
	}
}
.kcb-info{
	color: rgb(24,55,111);
	margin-bottom: 0;
}
.hq-view{
	width: 100%;
	height: 320px;
}
.refresh {
	padding-left: 10px;
}
@media screen and (max-width: 767px) { 
	.tabbable {
		margin-top: 30px;
	}
}
/*首页index_end*/
/*市场数据_start*/
.table_maket {
	width: 100%;
	padding-bottom: 10px;
}
.table_maket td {
	width: 50%;
}
.table_maket i{
	font-size: 16px;
    display: block;
    color: #999;
}
.table_maket em {
	font-size: 24px;
    color: #18376f;
    line-height: 2;
}
.table {
	margin-bottom: 0;
}
.table td {
	padding-top: 15px;
	padding-bottom: 8px;
    border-left: 1px solid #e4e6e9;
    color: #333;    
    font-size: 16px;        
}
.table div.chart-4 {
    width: 64px;
}
.table div.chart-5 {
    width: 80px;
}
.table div.chart-6 {
    width: 96px;
}
.table div.chart-7 {
    width: 112px;
}
.table div.chart-9 {
    width: 144px;
}
.table div.chart-10 {
    width: 160px;
}
.table div.chart-11 {
    width: 176px;
}
.table td a{
    text-decoration: underline;
}
.table td a:link{
    text-decoration: underline;
    color: #18376f;
}
.table td a:visited{
    text-decoration: underline;
    color: #aaa;
}
.table td a:hover{
    text-decoration: underline;
    color: #0052a6;
}
.table td a:active{
    text-decoration: underline;
    color: #18376f;
}
.table tr td:first-child { 
    border-left: 0;
}
.table td.nowrap {
    white-space: nowrap;
}
.table th {
    font-weight: normal;
    padding: 4px 10px 4px 10px;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .table th {
        text-align: left;
        font-size: 14px;
    }
    .table tbody td {
        text-align: left;
        font-size: 14px;
    }
}
.table_normal .table tr:nth-child(odd) {
    background: #f0f2f6;
}
.table_normal .table tr:nth-child(1) {      
    background: #697ca3;
}
.table thead th {
	text-align: left;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 0;
	font-weight: normal;
	font-size: 14px;
	color: #18376f;
	border-bottom: 1px solid #18376f;
}
.table thead th.align_center {
	text-align: center;
}
.table thead th.align_right {
	text-align: right;
}
.table tbody td {
	border-left: 0;
}
/*市场数据_end*/
/*新闻热点_start*/
.news h5,.news_list h5 {
	font-size: 18px;
	line-height: 1.5;
}
.news a {
	color: #fff;
}
.news a:hover {
	color: #fff;
}
.news_list .text-keywords_block {
	margin-top: 10px;
}
.news_list .text-keywords_block .text-keywords {
	display: inline-block;
}
.news_list .text-keywords_block small {
	float: right;
	margin-top: 5px;
}
.text-keywords .keywords {
	border-left: 0;
}
.text-keywords .keywords:nth-child(1) {
	border-left: 1px solid #6c757d;
}
.keywords:link {
	color: #6c757d;
	background: #fff;
	transition: all 0.4s;  
}
.keywords:active {
	color: #6c757d;
	background: #fff;
}
.keywords:hover {
	color: #fff;
	background: #6c757d;

}
.keywords:visited {
	color: #6c757d;
	background: #fff;
}
/*新闻热点_end*/
/*new-company_start*/
.new-company {
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 18px;
}
.new-company .img {
	width:100%; 
	height:240px;
	transition: all .6s;
}
.new-company .img:hover {
	transform: scale(1.05);
}
@media screen and (max-width: 767px) {
	.new-company .img {
		height:180px;
	}
}
/*new-company_end*/
/*video_start*/
.video-block {
	position: fixed;
    width: 100%;
    height: 440px;
    text-align: center;
    background:#070f21;
}
.video_box {
	height: 440px;
    margin-left: -1000px;
    margin-right: -1000px;
}
@media screen and (max-width: 767px) {
	.video-block {
		height: 150px;
	}
	.video_box {
		height: 150px;
	}
}
/*video_end*/
/*tab切换_start*/
.nav-tabs {
	display: block;
	white-space: nowrap;
    overflow-x: auto;
    border-bottom: 0;
    overflow-y: hidden;
}
.tabs-title{	
	display: inline-block;
	margin-right: 20px;
	border-bottom: 3px solid #ffffff;
	color: rgb(221,221,221);
	
}

.tabs-title a {	
	position: relative;
	display: block;
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;
	color: #999;
	font-size: 19px;

}
.tabs-title a:hover {	
	color: #18376f;	
}
.tabs-title a:hover::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 43px;	
	border-bottom: 3px solid #2591e4;
	animation: mainmenu_ani .5s infinite;	
	-webkit-animation: mainmenu_ani .5s infinite;	
	animation-iteration-count: 1;
}
@keyframes mainmenu_ani {
	from {
		width: 0;
		left: 50%;
	}
	to {
		width: 100%;
		left: 0;
	}
}
@-webkit-keyframes mainmenu_ani {
	from {
		width: 0;
		left: 50%;
	}
	to {
		width: 100%;
		left: 0;
	}
}
.tabs-title-selected a:hover::after {
	display: none;
}
.nav-tab-selected, .tabs-title-selected{
	border-bottom: 3px solid #12263f;
}
.tabs-title-selected a {
	color: #333;
}
/*tab切换_end*/
/*slider_start*/
	.fs-16 {
		font-size: 16px;
	}
	.slider_close {
		box-sizing: border-box;
		position:absolute;
		right:-45px;
		top:0;
		width:45px;
		height:45px;
		margin-top: 10px;
		background:rgba(255,255,255,.9);
		text-align: left;
	}
	.slider_close_button {
		position: absolute;
		top: 12px;
		left: 15px; 
	}
	.slider {
		box-sizing: border-box;
		position:absolute;
		right:0;
		top:0;
		width:260px;
		height:420px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px 15px 10px 45px;
		background:rgba(255,255,255,.9);
		text-align: left;
	}
	.slider_open_button {
		position: absolute;
    	left: 15px;
    	top: 20px;
	}
	.slider_close_button i ,.slider_open_button i {
		font-size: 22px;
    	color: rgb(51,51,51);
	}
	.slider .search {
		width: 200px;
		height: 38px;
		background: rgb(218,218,220);
		border: 0;
	}
	.slider .search .search_input {
	    box-sizing: border-box;
	    width: 100%;
	    padding: 8px;
	    padding-right: 50px;
	    background: rgb(218,218,220);
	    border: 0;
	    font-size: 14px
	}
	.slider .search .search_button {
		background: rgb(218,218,220);
		height: 38px;
	}
	.slider .search .search_button i {
		color: rgb(120,120,120);
	}
	.index {
		padding-top: 15px;
	}
	.index h5 {
		font-size: 16px;
		line-height: 16px;
		letter-spacing: 3px;
	}
	.index h6 {
		font-size: 14px;
	    line-height: 24px;
	    letter-spacing: 3px;
	    margin-bottom: 0;
	    margin-top: 10px;
	}
	.index_block {
		height: 120px;
		border-bottom: 1px solid rgba(145,145,145,.2);
	}
	.company_list {
		min-height: 120px; 
		margin-bottom: 5px;
	}
	.company_list li {
		padding-top: 5px;
	}
	.company_list em {
		display: inline-block;
		font-size: 14px;
    	color: #000;
	}
	.company_list i {
		font-size: 12px;
		padding-left: 5px;
	}
	.company_list i {
		padding-left: 10px;
	}
	.slider_link {
		color: rgb(0,24,108);
	}
/*slider_end*/
/* css3 cartoon start */
@keyframes sliderShow{
	0%   {right: -260px}
	20%  {right: -208px}
    40%  {right: -156px;}
    60%  {right: -104px;}
    80%  {right: -52px;}
    100% {right: 0;}
}
@keyframes sliderCloseShow{
	0%   {right: -45px}
	20%  {right: -36px}
    40%  {right: -27px;}
    60%  {right: -18px;}
    80%  {right: -9px;}
    100% {right: 0;}
}
@keyframes sliderHide{
	0%   {right: 0}
	20%  {right: -52px}
    40%  {right: -104px;}
    60%  {right: -156px;}
    80%  {right: -208px;}
    100% {right: -260px;}
}
@keyframes sliderCloseHide{
	0%   {right: 0}
	20%  {right: -9px}
    40%  {right: -18px;}
    60%  {right: -27px;}
    80%  {right: -36px;}
    100% {right: -45px;}
}
.slider-show{
	animation: sliderShow .5s;
	animation-fill-mode: forwards;
	-webkit-animation: sliderShow .5s;
	-webkit-animation-fill-mode: forwards;
}
.slider-hide{
	animation: sliderHide .5s;
	animation-fill-mode: forwards;
	-webkit-animation: sliderHide .5s;
	-webkit-animation-fill-mode: forwards;
}
.slider-close-show{
	animation: sliderCloseShow .5s;
	animation-fill-mode: forwards;
	-webkit-animation: sliderCloseShow .5s;
	-webkit-animation-fill-mode: forwards;
}
.slider-close-hide{
	animation: sliderClsoeHide .5s;
	animation-fill-mode: forwards;
	-webkit-animation: sliderClsoeHide .5s;
	-webkit-animation-fill-mode: forwards;
}
/* css3 cartoon end */